﻿<!DOCTYPE html>
<html>
  <head>
    <title>1.2闹钟响起</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/1_2闹钟响起/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/1_2闹钟响起/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Rectangle (矩形) -->
      <div id="u636" class="ax_default _形状" data-label="Rectangle">
        <div id="u636_div" class=""></div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u637" class="ax_default" data-left="32" data-top="679" data-width="375" data-height="69">

        <!-- Rectangle (矩形) -->
        <div id="u638" class="ax_default _形状" data-label="Rectangle">
          <div id="u638_div" class=""></div>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u639" class="ax_default _形状" data-label="Rectangle">
          <img id="u639_img" class="img " src="images/1_闹钟/rectangle_u4.png"/>
          <div id="u639_text" class="text ">
            <p><span>闹钟</span></p>
          </div>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u640" class="ax_default _形状" data-label="Rectangle">
          <img id="u640_img" class="img " src="images/1_闹钟/rectangle_u5.png"/>
          <div id="u640_text" class="text ">
            <p><span>设置</span></p>
          </div>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u641" class="ax_default _形状" data-label="Rectangle">
          <img id="u641_img" class="img " src="images/1_闹钟/rectangle_u5.png"/>
          <div id="u641_text" class="text ">
            <p><span>生活</span></p>
          </div>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u642" class="ax_default _形状" data-label="Rectangle">
          <img id="u642_img" class="img " src="images/1_闹钟/rectangle_u5.png"/>
          <div id="u642_text" class="text ">
            <p><span>天气</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u643" class="ax_default" data-left="31" data-top="81" data-width="376" data-height="40">

        <!-- Unnamed (矩形) -->
        <div id="u644" class="ax_default _形状">
          <div id="u644_div" class=""></div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u645" class="ax_default" data-left="38" data-top="96" data-width="46" data-height="8">

          <!-- Unnamed (矩形) -->
          <div id="u646" class="ax_default _形状">
            <img id="u646_img" class="img " src="images/1_闹钟/u11.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u647" class="ax_default _形状">
            <img id="u647_img" class="img " src="images/1_闹钟/u11.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u648" class="ax_default _形状">
            <img id="u648_img" class="img " src="images/1_闹钟/u11.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u649" class="ax_default _形状">
            <img id="u649_img" class="img " src="images/1_闹钟/u11.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u650" class="ax_default _形状">
            <img id="u650_img" class="img " src="images/1_闹钟/u11.png"/>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u651" class="ax_default" data-left="369" data-top="93" data-width="31" data-height="17">

          <!-- Unnamed (矩形) -->
          <div id="u652" class="ax_default _形状">
            <div id="u652_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u653" class="ax_default _形状">
            <div id="u653_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u654" class="ax_default _形状">
            <div id="u654_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u655" class="ax_default _文本段落" data-label="Header 2">
        <div id="u655_div" class=""></div>
        <div id="u655_text" class="text ">
          <p><span>MUX</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u656" class="ax_default _文本段落" data-label="Header 2">
        <div id="u656_div" class=""></div>
        <div id="u656_text" class="text ">
          <p><span>10:30 PM</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u657" class="ax_default _文本段落" data-label="Header 2">
        <div id="u657_div" class=""></div>
        <div id="u657_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u658" class="ax_default flow_shape">
        <img id="u658_img" class="img " src="images/1_2闹钟响起/u658.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u659" class="ax_default flow_shape">
        <div id="u659_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u660" class="ax_default _三级标题">
        <div id="u660_div" class=""></div>
        <div id="u660_text" class="text ">
          <p><span>三四节</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u661" class="ax_default _一级标题">
        <div id="u661_div" class=""></div>
        <div id="u661_text" class="text ">
          <p><span>早上7:22</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u662" class="ax_default _三级标题">
        <div id="u662_div" class=""></div>
        <div id="u662_text" class="text ">
          <p><span>18°C&nbsp; 多云</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u663" class="ax_default label">
        <div id="u663_div" class=""></div>
        <div id="u663_text" class="text ">
          <p><span>左右滑动小睡10分钟</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u664" class="ax_default icon">
        <img id="u664_img" class="img " src="images/1_2闹钟响起/u664.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u665" class="ax_default icon">
        <img id="u665_img" class="img " src="images/1_2闹钟响起/u665.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u666" class="ax_default button">
        <div id="u666_div" class=""></div>
        <div id="u666_text" class="text ">
          <p><span>双击屏幕关闭闹钟</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u667" class="ax_default" data-left="647" data-top="-89" data-width="376" data-height="40">

        <!-- Unnamed (矩形) -->
        <div id="u668" class="ax_default _形状">
          <div id="u668_div" class=""></div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u669" class="ax_default" data-left="654" data-top="-74" data-width="46" data-height="8">

          <!-- Unnamed (矩形) -->
          <div id="u670" class="ax_default _形状">
            <img id="u670_img" class="img " src="images/1_闹钟/u11.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u671" class="ax_default _形状">
            <img id="u671_img" class="img " src="images/1_闹钟/u11.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u672" class="ax_default _形状">
            <img id="u672_img" class="img " src="images/1_闹钟/u11.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u673" class="ax_default _形状">
            <img id="u673_img" class="img " src="images/1_闹钟/u11.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u674" class="ax_default _形状">
            <img id="u674_img" class="img " src="images/1_闹钟/u11.png"/>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u675" class="ax_default" data-left="985" data-top="-77" data-width="31" data-height="17">

          <!-- Unnamed (矩形) -->
          <div id="u676" class="ax_default _形状">
            <div id="u676_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u677" class="ax_default _形状">
            <div id="u677_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u678" class="ax_default _形状">
            <div id="u678_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u679" class="ax_default _文本段落" data-label="Header 2">
        <div id="u679_div" class=""></div>
        <div id="u679_text" class="text ">
          <p><span>MUX</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u680" class="ax_default _文本段落" data-label="Header 2">
        <div id="u680_div" class=""></div>
        <div id="u680_text" class="text ">
          <p><span>10:30 PM</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u681" class="ax_default _文本段落" data-label="Header 2">
        <div id="u681_div" class=""></div>
        <div id="u681_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u682" class="ax_default _一级标题">
        <div id="u682_div" class=""></div>
        <div id="u682_text" class="text ">
          <p><span>闹钟 - 响起</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u683" class="ax_default box_1">
        <img id="u683_img" class="img " src="images/1_2闹钟响起/u683.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u684" class="ax_default _一级标题">
        <div id="u684_div" class=""></div>
        <div id="u684_text" class="text ">
          <p><span>闹钟 - 响起</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u685" class="ax_default label">
        <div id="u685_div" class=""></div>
        <div id="u685_text" class="text ">
          <p><span>1.铃声从弱到强逐渐响起</span></p><p><span><br></span></p><p><span>2.用户双击屏幕任意位置即可关闭闹钟，当用户关闭闹钟后，铃声停止，2秒后响起天气预报声，在“3天气”中可选择播报的音效</span></p><p><span><br></span></p><p><span>3.屏幕背景显示闹钟名字、温度和天气</span></p><p><span><br></span></p><p><span>4.显示的当前时间，取设备系统时间</span></p><p><span><br></span></p><p><span>5.闹钟双击屏幕关闭后，跳转至手机桌面</span></p><p><span><br></span></p><p><span>6.左右滑动小睡10分钟，可在“我的-设置”中更改及关闭</span></p><p><span><br></span></p><p><span>7.小睡时间到后，页面呈现时间与“闹钟-响起”页相同</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u686" class="ax_default" data-left="140.5" data-top="638.5" data-width="142" data-height="89.5">

        <!-- Unnamed (图片) -->
        <div id="u687" class="ax_default image">
          <img id="u687_img" class="img " src="images/1_2闹钟响起/u687.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u688" class="ax_default image">
          <img id="u688_img" class="img " src="images/1_2闹钟响起/u688.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u689" class="ax_default image">
          <img id="u689_img" class="img " src="images/1_2闹钟响起/u687.png"/>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u690" class="ax_default _文本段落" data-label="Header 2">
        <div id="u690_div" class=""></div>
        <div id="u690_text" class="text ">
          <p><span>左右滑动（Swipe）</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u691" class="ax_default image">
        <img id="u691_img" class="img " src="images/1_2闹钟响起/u691.png"/>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u692" class="ax_default _文本段落" data-label="Header 2">
        <div id="u692_div" class=""></div>
        <div id="u692_text" class="text ">
          <p><span>双击（Double Tap）</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
